﻿body
{
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	background-color:#F2F2F2;
	width:1024px;
	margin: 0 auto;
	margin-top:50px;
}

.menuPrincipal
{
	display:inline-block;
	margin-left: 0px;
	padding-left:10px;
	font-style:italic;
}

.menuPrincipal ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}

.menuPrincipal ul li
{
	display:inline;
}

.menuPrincipal ul li a
{
	padding: 5px 10px;
	display: inline-block;
	margin-right: 0px;
	background-color:#F5811E;
	color: white;
	font-weight:bold;
	cursor:pointer; 
	text-decoration: none;
	transform:skew(-5deg,0deg);
	-ms-transform:skew(-5deg,0deg); /* IE 9 */
	-webkit-transform:skew(-5deg,0deg); /* Safari and Chrome */
	
	/*-moz-box-shadow: 2px 2px 5px #888;
 	-webkit-box-shadow: 2px 2px 5px #888;
 	box-shadow: 2px 2px 5px #888;*/
}

.menuPrincipal ul li a:hover
{
	background-color:black;
}

.botaoMenu
{
	padding: 3px 10px;
	display: inline-block;
	margin-right: 5px;
	color: #333;
	font-weight:bold;
	cursor:pointer;
	text-decoration: none;
	/* inclinação */
	transform:skew(-5deg,0deg);
	-ms-transform:skew(-5deg,0deg); /* IE 9 */
	-webkit-transform:skew(-5deg,0deg); /* Safari and Chrome */
}

.botaoMenu:hover {
	background-color:#F5811E;
	color: white;
	/* sombra */
	/*-moz-box-shadow: 2px 2px 5px #888;
 	-webkit-box-shadow: 2px 2px 5px #888;
 	box-shadow: 2px 2px 5px #888;*/
}


.tile
{
	font-weight:bold;
	float:left;
	height:250px;
	width:200px;
	background-color:#F5811E;
	margin:5px;
	text-align:center;
	text-decoration:none;
	color:white;
	-o-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	font-style:italic;
}

.tile p
{
	margin-top:0px;
	text-decoration:none;
	font-size:20px;
	position:relative;
	top:45%;
	
	-o-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

.tile:hover
{
	background-color:black;
	color:#F5811E;
}

.logoPrincipal
{
	margin-left:78px; 
	float:left;
}

.conteudo
{
	margin-top: 20px;
	padding: 40px;
	display:block;
	background-color:white;
	transform:skew(-5deg,0deg);
	-ms-transform:skew(-5deg,0deg); /* IE 9 */
	-webkit-transform:skew(-5deg,0deg); /* Safari and Chrome */
	margin-left:-30px;
	clear:both;
}

.conteudo h1
{
	/*width:300px;*/
	padding-bottom:5px;
	color:#F5811E;
	border-bottom:1px #F5811E solid;
}

.conteudo #conteudoNormal
{
	margin:30px;
	transform:skew(5deg,0deg);
	-ms-transform:skew(5deg,0deg); /* IE 9 */
	-webkit-transform:skew(5deg,0deg); /* Safari and Chrome */
}

.conteudoDicasSeguranca ul
{
	list-style-type:decimal;
	lis
}

.rodape
{
	clear:both;
	color:#7A7A7A;
	font-size:small;
	font-weight:600;
	padding-bottom:80px;
}

.rodape #tel
{
	float:right;
	margin-right:160px;
	margin-top:10px;
}

.rodape #imgGerens
{
	float:left;
	margin-left:33px;
	margin-top:10px
}

.conteudoEmpresa ul
{
	list-style:none;
}

.conteudoEmpresa ul li
{
    padding-left: 1em; 
    text-indent: -1.2em;
}

.conteudoEmpresa ul li:before
{
	content: "■";
	color:#F5811E;
}

.conteudoComoComprar .banco
{
	float:left; margin-left:0px
}

.conteudoComoComprar .bancoConteudo
{
	float:left; margin-left:10px
}

.conteudoComoComprar .bancoObs
{
	display:block;
	background-color:#F5811E;
	color:white;
	float:right;
	padding:0px 5px 0px 10px;
	width:400px;
	margin-top:-140px;
	margin-right:110px;
}

.conteudoProdutos
{
	/*transform:skew(5deg,0deg);
	-ms-transform:skew(5deg,0deg);
	-webkit-transform:skew(5deg,0deg);
	padding-bottom:0px;*/
}

.conteudoProdutos .imagens
{
	/*display:inline-block;*/
	float:left;
	margin-right:45px;
	margin-top:20px;
	cursor:pointer;
	vertical-align:top;
	transform:skew(5deg,0deg);
	-ms-transform:skew(5deg,0deg);
	-webkit-transform:skew(5deg,0deg);
	padding-bottom:0px;
}

.conteudoProdutos .menuImpress
{
	font-weight:600;
	width:240px;
	height:400px;
	padding:15px 15px 15px 15px;
	float:left;
}

.conteudoProdutos .menuImpress div
{
	cursor:pointer;
	margin-top:5px;
}

.conteudoProdutos .menuImpress div:hover
{
	color:#888888;
}

.conteudoProdutos .contTipos
{
	display:none;
	margin-top:50px;
	transform:skew(5deg,0deg);
	-ms-transform:skew(5deg,0deg);
	-webkit-transform:skew(5deg,0deg);

}

.conteudoProdutos .itemAllPlus 
{
	text-align:center;
	width:170px;
}

#contAllImpress h3
{
	color:#F5811E;
}

#contAllImpress .descricProduto
{
	display:none;
	margin-top:-20px;
}

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
/*#tt {display:block; height:5px; margin-left:5px; background-color:brown; overflow:hidden}*/
#tt {position:absolute; display:block; background-color:black; color:white}

#tooltip {
    position:absolute;
    z-index:30000;
    padding:3px;
    /*background: url("Img/bg-transparente-black.png") transparent;*/
    background-color:White;
    -moz-box-shadow: 0px 0px 5px Black;
 	-webkit-box-shadow: 0px 0px 5px Black;
 	box-shadow: 0px 0px 5px Black;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transform:skew(-5deg,0deg);
	-ms-transform:skew(-5deg,0deg);
	-webkit-transform:skew(-5deg,0deg);
	padding-bottom:0px;
}

#tooltip p {
    margin: 0;
    font-size: 11px;
    font-family: tahoma;
    font-weight: normal;
    color: #000000;
    line-height: 18px;
    border: 1px solid #bbbbbb;
    background: #FFFFFF;
    padding: 3px 6px 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* - Para tela de orçamento -*/

.OrcmenuSuperiorNormal
{
    font-size:0.9em;
	padding: 3px 10px;
	display: inline-block;
	margin-right: 0px;
	color: #333;
	font-weight:bold;
	cursor:pointer;
	text-decoration: none;
	/* inclinação */
	transform:skew(-5deg,0deg);
	-ms-transform:skew(-5deg,0deg); /* IE 9 */
	-webkit-transform:skew(-5deg,0deg); /* Safari and Chrome */
}

.OrcmenuSuperiorNormal:hover {
	background-color:#F5811E;
	color: white;
}

.OrcmenuSuperiorSelecionado
{
	background-color:#F5811E;
	color: white;
	padding: 3px 10px;
	display: inline-block;
	margin-right: 5px;
	font-weight:bold;
	cursor:default;
	text-decoration: none;
	/* inclinação */
	transform:skew(-5deg,0deg);
	-ms-transform:skew(-5deg,0deg); /* IE 9 */
	-webkit-transform:skew(-5deg,0deg); /* Safari and Chrome */
 }
 
 .OrcmenuInferiorNormal
{
	padding: 5px 10px;
	display: inline-block;
	margin-right: 15px;
	background-color:#F5811E;
	color: white;
	font-weight:bold;
	cursor:pointer; 
	text-decoration: none;
	transform:skew(-5deg,0deg);
	-ms-transform:skew(-5deg,0deg); /* IE 9 */
	-webkit-transform:skew(-5deg,0deg); /* Safari and Chrome */
	
}

.OrcmenuInferiorNormal:hover
{
	background-color:black;
}

.OrcmenuInferiorDesabilitado
{
	padding: 5px 10px;
	display: inline-block;
	margin-right: 15px;
	background-color:#DEDEDE;
	color: white;
	font-weight:bold;
	cursor:default; 
	text-decoration: none;
	transform:skew(-5deg,0deg);
	-ms-transform:skew(-5deg,0deg); /* IE 9 */
	-webkit-transform:skew(-5deg,0deg); /* Safari and Chrome */
}

.orcamConteudo
{
	margin-top:15px;
	height:350px;
}

.selectOcao
{
	background-color:#F2F2F2;
	transform:skew(-5deg,0deg);
	display: inline-block;
	padding: 3px 10px;
	margin: 2px;
	cursor:pointer;
	transform:skew(-5deg,0deg);
	-ms-transform:skew(-5deg,0deg); /* IE 9 */
	-webkit-transform:skew(-deg,0deg); /* Safari and Chrome */
}

.selectOcao:hover
{
	background-color:#dedede;
}

.selectOcaoMarcado
{
	background-color:black;
	color:white;
	transform:skew(-5deg,0deg);
	display: inline-block;
	padding: 3px 10px;
	margin: 2px;
	cursor:pointer;
	transform:skew(-5deg,0deg);
	-ms-transform:skew(-5deg,0deg); /* IE 9 */
	-webkit-transform:skew(-deg,0deg); /* Safari and Chrome */

}

.opcoes
{
	display:none;

}

.observacao
{
	font-size: x-small;
	font-weight:bold;
}

.caixaCores
{
    padding-top:10px;
    transform:skew(-5deg,0deg);
	-ms-transform:skew(-5deg,0deg); /* IE 9 */
	-webkit-transform:skew(-deg,0deg); /* Safari and Chrome */
}

.caixaCorItem
{
    
    display:inline-block;
    border:1px solid black;
    padding:10px 20px;
    margin-right:10px;
    cursor:pointer;
}

.caixaTexto
{
    display:block;
    background-color:#F2F2F2;
    width:120px;
    display:inline-block;
    padding-left:5px;
}